<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Thêm mới người sử dụng</title>
        <link rel="stylesheet" href="../../../public/css/screen.css" type="text/css" media="screen" title="default" />
        <link rel="stylesheet" href="../../../public/js/jquery/jquery-ui.css"/>
        <style type="text/css">
            #frm_adduser label.error {
                margin-left: 10px;
                width: auto;
                font-style: italic;
                display: inline;
            }
        </style>
        <!--  jquery core -->
        <script src="../../../public/js/jquery/jquery-1.8.2.js" type="text/javascript"></script>
        <script src="../../../public/js/jquery/jquery-ui.js" type="text/javascript"></script>
        <!--  checkbox styling script -->
        <script src="../../../public/js/jquery/ui.core.js" type="text/javascript"></script>
        <script src="../../../public/js/jquery/ui.checkbox.js" type="text/javascript"></script>
        <script src="../../../public/js/jquery/jquery.bind.js" type="text/javascript"></script>
        <!--Javascrip code for validate form-->
        <script type="text/javascript" src="../../../public/js/jquery/jquery.validate.js"></script>
        <script type="text/javascript" src="../../../public/js/jquery/jquery.validate.pack.js"></script>
        <!--End javascript code for validate form -->
        <script type="text/javascript">
            $(function(){
                $('input').checkBox();
                $('#toggle-all').click(function(){
                    $('#toggle-all').toggleClass('toggle-checked');
                    $('#mainform input[type=checkbox]').checkBox('toggle');
                    return false;
                });
                //Jquery create by Loidd
                //Function reset form
                $('#frm_add_user_reset').click(function(){
                    $('#frm_adduser')[0].reset();
                });
                
                //Function submit form
                $('#frm_add_user_submit').click(function(){
                    $('#frm_adduser').submit();
                }); 
                
                $('#frm_edit_user_reset').click(function(){
                    $('#frm_edituser')[0].reset();
                });
                
                //Function submit form
                $('#frm_edit_user_submit').click(function(){
                    $('#frm_edituser').submit();
                }); 
                
                //Validate frm add user
                $("#frm_adduser").validate({
                    rules:{
                        username:{
                            required:true,
                            minlength:3
                        },
                        password:{
                            required:true,
                            minlength:6
                        },
                        name:   {
                            required:true,
                            minlength:3
                        },
                        phone:  {
                            required: true,
                            minlength:9
                        },
                        address:{
                            required:true,
                            minlength:3
                        },
                        email:{
                            required:true,
                            email: true
                        },
                        birthday: {
                            required: true,
                            date: true
                        }
                    },
                    messages:{
                        username:{
                            required: "Vui lòng nhập tên đăng nhập",
                            minlength: "Độ dài tối thiểu là 3 ký tự"
                        },
                        password:{
                            required:"Vui lòng nhập mật khẩu",
                            minlength:"Độ dài tối thiểu của mật khẩu là 6 ký tự"
                        },
                        name:{
                            required:"Vui lòng nhập họ và tên",
                            minlength:"Độ dài tối thiểu là 3 ký tự"
                        },
                        phone:{
                            required:"Vui lòng nhập số điện thoại",
                            minlength:"Độ dài tối thiểu của số điện thoại là 9 chữ số"
                        },
                        address:{
                            required:"Vui lòng nhập địa chỉ",
                            minlength:"Độ dài tối thiểu là 3 ký tự"
                        },
                        email:{
                            required:"Vui lòng nhập địa chỉ email",
                            email:"Cần nhập đúng địa chỉ email"
                        },
                        birthday:{
                            required:"Vui lòng nhập ngày sinh",
                            date:"Vui lòng nhập đúng ngày sinh"
                        }
                    }
                })
                
                //Validate frm add user
                $("#frm_edituser").validate({
                    rules:{
                        username:{
                            required:true,
                            minlength:3
                        },
                        password:{
                            required:true,
                            minlength:6
                        },
                        name:   {
                            required:true,
                            minlength:3
                        },
                        phone:  {
                            required: true,
                            minlength:9
                        },
                        address:{
                            required:true,
                            minlength:3
                        },
                        email:{
                            required:true,
                            email: true
                        },
                        birthday: {
                            required: true,
                            date: true
                        }
                    },
                    messages:{
                        username:{
                            required: "Vui lòng nhập tên đăng nhập",
                            minlength: "Độ dài tối thiểu là 3 ký tự"
                        },
                        password:{
                            required:"Vui lòng nhập mật khẩu",
                            minlength:"Độ dài tối thiểu của mật khẩu là 6 ký tự"
                        },
                        name:{
                            required:"Vui lòng nhập họ và tên",
                            minlength:"Độ dài tối thiểu là 3 ký tự"
                        },
                        phone:{
                            required:"Vui lòng nhập số điện thoại",
                            minlength:"Độ dài tối thiểu của số điện thoại là 9 chữ số"
                        },
                        address:{
                            required:"Vui lòng nhập địa chỉ",
                            minlength:"Độ dài tối thiểu là 3 ký tự"
                        },
                        email:{
                            required:"Vui lòng nhập địa chỉ email",
                            email:"Cần nhập đúng địa chỉ email"
                        },
                        birthday:{
                            required:"Vui lòng nhập ngày sinh",
                            date:"Vui lòng nhập đúng ngày sinh"
                        }
                    }
                })
            });
        </script>  
        <![if !IE 7]>
        <!--  styled select box script version 1 -->
        <script src="../../../public/js/jquery/jquery.selectbox-0.5.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $('.styledselect').selectbox({ inputClass: "selectbox_styled" });
            });
        </script>
        <![endif]>
        <!--  styled select box script version 2 --> 
        <script src="../../../public/js/jquery/jquery.selectbox-0.5_style_2.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $('.styledselect_form_1').selectbox({ inputClass: "styledselect_form_1" });
                $('.styledselect_form_2').selectbox({ inputClass: "styledselect_form_2" });
            });
        </script>
        <!--  styled select box script version 3 --> 
        <script src="../../../public/js/jquery/jquery.selectbox-0.5_style_2.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $('.styledselect_pages').selectbox({ inputClass: "styledselect_pages" });
            });
        </script>
        <!-- Custom jquery scripts -->
        <script src="../../../public/js/jquery/custom_jquery.js" type="text/javascript"></script>
        <!-- Tooltips -->
        <script src="../../../public/js/jquery/jquery.tooltip.js" type="text/javascript"></script>
        <script src="../../../public/js/jquery/jquery.dimensions.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(function() {
                $('a.info-tooltip ').tooltip({
                    track: true,
                    delay: 0,
                    fixPNG: true, 
                    showURL: false,
                    showBody: " - ",
                    top: -35,
                    left: 5
                });
            });
        </script> 
        <script src="../../../public/js/jquery/jquery.pngFix.pack.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $(document).pngFix( );
            });
        </script>
    </head>
    <body> 
        {banner}
        <div class="clear">&nbsp;</div>
        {menu}
        <div class="clear"></div>
        {frmuser}
        <div class="clear">&nbsp;</div>
        {footer}

    </body>
</html>